/**
 * @name JobSummary
 * @author darcrand
 * @desc 工作概述
 */

import React, { Component } from "react"
import "./styles.global.less"

const image = require("@/assets/images/photo-4.png")

class JobSummary extends Component {
    render() {
        return (
            <div className="job-summary-container">
                <div className="content">
                    <h1 className="g-section-title">
                        <span className="title">工作概述</span>
                        <span className="sub">Job Summary</span>
                    </h1>

                    <ul className="g-media-list">
                        <li className="g-media-item">
                            <i className="item-ico">1</i>
                            <div className="item-body">
                                <p className="item-title">妇幼党建项目</p>
                                <p className="item-info">
                                    协助妇幼党建项目完成"三会一课","志愿服务","台账”等功能模块的开发;完成"志愿服务"的模块功能;完成"济困捐款"模块;完成"两学一做"模块;
                                </p>
                            </div>
                        </li>
                        <li className="g-media-item">
                            <i className="item-ico">2</i>
                            <div className="item-body">
                                <p className="item-title">国粒教育官方网站</p>
                                <p className="item-info">
                                    搭建并完成"国粒教育官方网站"的开发.编写多个功能组件,供教育平台使用;学习"Electron"",协助教育项目完成"教育平台"客户端的升级功能.
                                </p>
                            </div>
                        </li>
                        <li className="g-media-item">
                            <i className="item-ico">2</i>
                            <div className="item-body">
                                <p className="item-title">"精患App"版面重构</p>
                                <p className="item-info">
                                    根据新的设计方案,完成App端的版面修改,重构多个组件,提升在老版本手机上的性能体验;修复已知bug,根据用户习惯,修改多个原始交互方式,提高用户体验.
                                </p>
                            </div>
                        </li>
                        <li className="g-media-item">
                            <i className="item-ico">2</i>
                            <div className="item-body">
                                <p className="item-title">"精患PC"患者中心重构</p>
                                <p className="item-info">
                                    结合原有系统和省卫计系统,整合功能,将两个系统的"患者中心"模块重新构建.优化各个页面的性能,规范各类表单功能标准.提供系统流畅性和用户体验度.
                                </p>
                            </div>
                        </li>
                    </ul>
                </div>

                <div className="side" style={{ backgroundImage: `url("${image}")` }} />
            </div>
        )
    }
}

export default JobSummary
